<template>
  <div>
    <el-container>
  <el-aside width="auto">
    <commen-aside></commen-aside>
  </el-aside>
  <el-container>
    <el-header>
        <commen-header/>
    </el-header>
    <el-main>
       <commen-tag/>
        <router-view/>
    </el-main>
  </el-container>
   </el-container> 
   
  </div>
</template>

<script>
import CommenAside from '../components/CommenAside.vue'
import CommenHeader from '../components/CommenHeader.vue'
import CommenTag from '../components/CommenTag.vue'
export default {
  
     data(){
       return{

       }
     } ,
     components:{
        CommenAside,
        CommenHeader,
        CommenTag
     }


}
</script>

<style scoped>
    .el-header{
        padding:0;
    }
    .el-aside{
        overflow: hidden;
    }
    .el-main{
     padding-top: 10px;
    }
</style>